/**
 * 
 * @authors Figo Young (figoyoung@163.com)
 * @date    2025-03-27 09:28:44
 * @version $Id$
 */
// 1. 获取元素。
var tab_list = document.querySelector('.ul');
var lis = tab_list.children;
// var lis = tab_list.querySelectorAll('li');



	for (var i=0; i< lis.length; i++){
		var items = lis[i].children;
		items[1].style.display = 'none';
		items[2].style.display = 'none';
		items[3].style.display = 'none';
		lis[i].onmouseover = function(){

			console.log(this.className);
			var item = this.children;
			item[1].style.display = 'block';
			item[2].style.display = 'block';
			item[3].style.display = 'block';
		}

		lis[i].onmouseout = function(){

			console.log(this.className);
			var item = this.children;
			item[1].style.display = 'none';
			item[2].style.display = 'none';
			item[3].style.display = 'none';
		}
		
	}




// // 2. 获取事件。

// function tcn(clsN,flag, tg){

// 	for (var i=0; i< tg.length; i++){
// 		console.log(">" + tg[i].className);
// 		if (clsN===tg[i].className){
// 			var items = tg[i].children;
// 			for (var i=0; i<items.length; i++){	
// 				console.log(items[i].innerText);
// 				items[i].style.display = flag;
// 			}

// 		}
		
// 	}

// 	// for (var i=0; i< tg.length; i++){

// 	// 	tg.style.display=flag;
// 	// }


// }


// for (var i=0; i< lis.length; i++){
// 	// 开始给5个li设置索引号。
// 	// lis[i].setAttribute('index',i);
// 	// lis[i].onclick = function(){

// 	lis[i].onmouseover = function(){
// 		for(var i=0; i< lis.length; i++){
// 			// lis[i].removeAttribute('current');
// 			lis[i].id='';
// 			this.id = 'current';
// 			// console.log(this.className);
// 			for (var i=0; i< its.length; i++){
// 				switch(this.className){
// 					case "goods":

// 						tcn(this.className,'block',its);
				
// 						break;
// 					case "order":

	
// 						tcn(this.className,'block',its);
// 						break;
// 					case "delivery":
// 						tcn(this.className,'block',its);
// 						// tcn('block',its.children[2]);
// 						break;
// 				}
// 			}
	
	
// 		}
// 	}

// 	lis[i].onmouseout = function(){
// 		for(var i=0; i< lis.length; i++){
// 			// lis[i].removeAttribute('current');
// 			this.id='';
// 			// this.className = 'current';
// 			// var index = this.getAttribute('index');
// 			for (var i=0; i< its.length; i++){
// 				var cln = its[i].className;
// 				tcn(cln,'none',its);
// 			}
// 			// its[index].style.display='none';
// 		}
// 	// this.setAttribute('current');


// 	}

// }
